<div class="container">
  <h1>Discover artworks</h1>
  <div class="switcher">
    <div class="switch-title">Type</div>
    <a href="/discovery" class="switch-button">Artworks</a>
    <a href="/discovery/novel" class="switch-button">Novels</a>
  </div>
  <div class="switcher">
    <div class="switch-title">Filter</div>
    <a href='{{replaceQuery(Queries, "mode", "all")}}' class="switch-button">All</a>
    <a href='{{replaceQuery(Queries, "mode", "safe")}}' class="switch-button">Safe</a>
    <a href='{{replaceQuery(Queries, "mode", "r18")}}' class="switch-button">R-18</a>
  </div>
  <div class="artwork-container">
    {{ include "components/small-tn" Artworks }}
  </div>
  <div class="pagination">
    <a href="" class="pagination-button">Reload</a>
  </div>
</div>
